<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>DP统一认证中心后台管理</title>
	<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
	<link rel="stylesheet" href="${ctxPath}/static/css/bootstrap.min.css">
	<link rel="stylesheet" href="${ctxPath}/static/css/font-awesome.min.css">
	<link rel="stylesheet" href="${ctxPath}/static/css/style.min.css">
	<link rel="stylesheet" href="${ctxPath}/static/css/common.min.css">
</head>
<body class="hold-transition skin-blue sidebar-mini">
<div class="wrapper" id="app" v-cloak>
	<header class="main-header">
		<a href="javascript:void(0);" class="logo"> <span
				class="logo-mini"><b>DP</b></span> <span class="logo-lg"><b>DP-SSO</b></span>
		</a>
		<nav class="navbar navbar-static-top" role="navigation">
			<a href="#" class="sidebar-toggle" data-toggle="offcanvas"
			   role="button" @click="hideMenu"> <span class="sr-only">Toggle
						navigation</span>
			</a>
			<div style="float: left; color: #fff; padding: 15px 10px;">欢迎
				{{user.username}}</div>
			<div class="navbar-custom-menu">
				<ul class="nav navbar-nav">
					<li><a href="javascript;"><i class="fa fa-home"></i> &nbsp;首页</a></li>
					<li><a href="javascript;"><i class="fa fa-sign-out"></i> &nbsp;退出系统</a></li>
				</ul>
			</div>
		</nav>
	</header>

	<!-- 导航菜单 -->
	<aside class="main-sidebar">
		<section class="sidebar">
			<ul class="sidebar-menu">
				<li class="header">导航菜单</li>
				<menu-item :item="item" v-for="item in menuList"></menu-item>
			</ul>
		</section>
	</aside>
	<!-- 路径导航 -->
	<div class="content-wrapper">
		<!-- Content Header (Page header) -->
		<section class="content-header">
			<ol class="breadcrumb" id="nav_title"
				style="position: static; float: none;">
				<li class="active"><i class="fa fa-home"
									  style="font-size: 20px; position: relative; top: 2px; left: -3px;"></i>
					&nbsp; 首页</li>
				<li class="active">{{navTitle}}</li>
			</ol>
		</section>

		<!-- 主界面 -->
		<section class="content" style="background: #fff;">
			<iframe scrolling="yes" frameborder="0"
					style="width: 100%; min-height: 200px; overflow: visible; background: #fff;"
					:src="main" id="main" name="main"></iframe>
		</section>
	</div>

	<footer class="main-footer">
		<div class="pull-right hidden-xs">Version 1.0.0</div>
		Copyright &copy; 2019 <a href="http://www.chenlintech.com"
								 target="_blank">www.chenlintech.com</a> All Rights Reserved
	</footer>

	<div class="control-sidebar-bg"></div>

</div>

<script src="${ctxPath}/static/libs/jquery.min.js"></script>
<script src="${ctxPath}/static/libs/vue.min.js"></script>
<script src="${ctxPath}/static/libs/router.js"></script>
<script src="${ctxPath}/static/libs/bootstrap.min.js"></script>
<script src="${ctxPath}/static/libs/jquery.slimscroll.min.js"></script>
<script src="${ctxPath}/static/plugins/layer/layer.js"></script>
<script src="${ctxPath}/static/js/common.js"></script>
<script src="${ctxPath}/static/js/index.js"></script>
</body>
</html>
